@charset "utf-8";
/* CSS Document */
/**
Time : 2018-9-30
Author : jj
**/
@font-face{ font-family:Swis721CnBT; src:url(../font/TT0010M_.TTF);}
/*banner*/

/*banner*/
.banner { height:633px; width:100%; overflow:hidden; position:relative; z-index:0; }
.banner .swiper-slide{ height:630px !important; }
.banner .pagination{ position:absolute; bottom:58px; left:50%; cursor:pointer; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}
.banner .pagination span{ display:inline-block; width:12px; height:12px; background:none; border-radius:50%; border:2px solid #fff; margin:0 4.5px;}
.banner .pagination span.swiper-active-switch{ background:url(../images/bn_span_on.png); border:0; animation: rotation2 4s linear infinite;
-moz-animation: rotation2 4s linear infinite;
-webkit-animation: rotation2 4s linear infinite;
-o-animation: rotation2 4s linear infinite;}

@-webkit-keyframes rotation2{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.banner .bnt{
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -45px;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    border: 1px solid rgba(255,255,255,.3);
    cursor: pointer;
    transition: background .5s;
    -webkit-transition: background .5s;
}
.arrow-left {
    left: 5%;
    background: url(../images/bn_left.png) no-repeat center;
}
.arrow-right {
    right: 5%;
    background: url(../images/bn_right.png) no-repeat center; 
}
.arrow-left:hover, .arrow-right:hover {
    background-color: rgba(0,0,0,.1);
}
/*banner end*/
.btn_down {
  position: relative; z-index:0; overflow:hidden; }
.btn_down:hover{ color:#fff; }
.btn_down:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:0;
  background: #fe591f;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index:-1;
}
.btn_down:hover:before {
  height: 60px;
}




/**** BUTTON 1 ****/
.toggle-button {
	display: inline-block;
    vertical-align: middle;
}

.cube {

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; 
}


.first_cube {
	 background: #0c61b8;
	height: 35px;
	width: 100%;
    position: relative;
}

.first_cube {
	-webkit-transform: translateZ(17px);
	transform: translateZ(17px);
}

.second_cube { background:none; border:2px solid #0c61b8;
	margin-top: -2px;height: 35px; line-height:31px;
	width: 100%;
    position: relative;
	 -webkit-transform: rotateX(-90deg) translateZ(-30px);
	transform: rotateX(-90deg) translateZ(-30px); 

	
}
.second_cube a{ color:#0c61b8;}
.cube:hover {
	 -webkit-transform: rotateX(89deg);
	transform: rotateX(89deg); 

}

/******************/
.container01{ height:186px; background:#eeeff0;}
.container01 .m{  position:relative; }
.s_news{ width:490px; height:251px; background:#fff; position:absolute; top:-115px;}
.s_news .parHd{ width:92px; float:left; border-right:1px solid #e8e8e8; height:251px;}
.s_news .parHd ul li{ height:59px; line-height:59px; border-bottom:1px solid #e8e8e8; text-align:center; cursor:pointer; position:relative; }
.s_news .parHd ul li a{ font-size:14px; color:#4b4b4b;}
.s_news .parHd ul li.on{ background:#eeeff0;}
.s_news .parHd ul li:before{ content:""; position:absolute; left:-5px; width:5px; height:59px; background:#36b041; top:0;}
.s_news .parHd ul li.on:before{ background:#164a96; }
.s_news .parBd{ width:397px; float:right;}
.s_news .parBd .slideBox{padding: 14px 28px;box-sizing:border-box;}
.s_news .parBd .slideBox .hd{ margin-top:33px;}
.s_news .parBd .slideBox .hd ul{}
.s_news .parBd .slideBox .hd ul li{ width:6px; height:6px; border:2px solid #d3d3d3; border-radius:100%; float:left; font-size:0; margin-right:8px; cursor:pointer;}
.s_news .parBd .slideBox .hd ul li.on{ background:#d3d3d3; }

.s_news .parBd .slideBox .bd ul li{height: 40px;line-height: 40px;border-bottom: 1px dotted #d5d5d8;}
.s_news .parBd .slideBox .bd ul li h5{display:inline-block;width: calc(100% - 72px);}
.s_news .parBd .slideBox .bd ul li h5 a{font-size:14px; color:#4b4b4b;}
.s_news .parBd .slideBox .bd ul li span{ float:right; font-size:12px; color:#164a96; font-family:arial; display:block; }

.s_xiangmu{ width:710px; height:251px; float:right; position:absolute; top:-115px; right:0; overflow:hidden;}
.s_xiangmu ul{}
.s_xiangmu ul li{ width:116px; float:left; transition:.4s ease-in-out; -webkit-transition:.4s ease-in-out; background:#fff;}
.s_xiangmu ul li a{ display:block; width:362px; height:251px;}
.s_xiangmu ul li .txt{ width:116px; float:left; padding-top:64px; padding-left:18px; box-sizing: border-box;}
.s_xiangmu ul li .txt p{ font-size:14px; color:#484849;}
.s_xiangmu ul li .txt h5{ font-size:14px; color:#484849; margin-top:12px;}
.s_xiangmu ul li .txt span{ display:block; width:28px; height:28px; background:url(../images/xiangmu_ico1.png) center no-repeat; margin-top:58px;}
.s_xiangmu ul li.on .txt{ background:#164a96; height:250px;}
.s_xiangmu ul li.on .txt p{ color:#fff;}
.s_xiangmu ul li.on .txt h5{ color:#fff;}
.s_xiangmu ul li.on .txt span{ background:url(../images/xiangmu_ico2.png) center no-repeat;}
.s_xiangmu ul li .img{ width:246px; float:right; height:250px;}
.s_xiangmu ul li.on{ width:362px;}
.s_xiangmu ul li.li_1{ background:#f5f5f5;}
.s_xiangmu ul li.li_2{ background:#eaeaea;}
.s_xiangmu ul li.li_3{ background:#d9dcde;}
.s_xiangmu ul li.li_4{ background:#c9cdcf;}

.container02{ margin-top:55px; margin-bottom:55px; height:252px; overflow:hidden;}
.s_about{ float:left; width:345px; margin-right:50px;}
.s_about .tt{ margin-bottom:16px;}
.s_about .tt p{ font-size:16px; color:#434348;}
.s_about .tt span{ font-size:35px; font-family:arial; color:#164a96; text-transform:uppercase; display:block; margin-top:10px; margin-bottom:20px;}
.s_about .tt i{ display:block; width:63px; height:1px; background:#dedfe1;}
.s_about .txt{ height:96px; overflow:hidden;}
.s_about .txt p{ font-size:14px; color:#808083; line-height:24px;}
.s_about .btn{ display:inline-block; width:116px; height:35px; line-height:35px; border-radius:3px; text-align:center; background:#484849; font-size:12px; color:#fff; margin-top:18px;}
.s_about .btn:hover{ background:#164a96; color:#fff}

.s_keyan{ width:411px; float:left;}
.s_keyan #list_slide{  position:relative;}
.s_keyan #list_slide dl{  margin-bottom:6px; border-bottom:1px dotted #cccdd1; position: relative; background:#f3f5f8; border: 1px solid #e7e7eb;}
.s_keyan #list_slide dt{border:none;  display:block; position:relative;  padding: 0px 20px; cursor:pointer; height:39px; line-height:39px; background:url(../images/icon_hr_on.png) 380px 19px no-repeat  #fbfbfc; transition:.4s ease; -webkit-transition:.4s ease; padding-top:1px; }
.s_keyan #list_slide dt .biaoqian{ width:127px; height:0px; transition:.4s ease; -webkit-transition:.4s ease; background:url(../images/biaoqian_bg.png) left center no-repeat; line-height:22px; color:#fff; font-size:14px; padding-left:18px;  margin-left:-21px;}
.s_keyan #list_slide dt h5{ font-size:15px; color:#4b4b4b; margin-right:20px;}
.s_keyan #list_slide dt.on{ background:url(../images/icon_hr_off.png) 380px 19px no-repeat #fff; height:79px;}
.s_keyan #list_slide dt.on .biaoqian{ height:22px;margin-top:16px;}
.s_keyan #list_slide dd{ display:none; line-height:24px;  padding: 0px 20px;background:#fff; padding-bottom:15px; font-size:12px; color:#afafb0; line-height:22px; height:44px; overflow:hidden;}.s_keyan #list_slide dd a{color:#164a96;font-size:12px; margin-left:5px; font-family:arial; text-transform:uppercase;}
.s_keyan #list_slide dd a:hover{ color:#000;}
/*==========================================视频弹窗=============================================*/
#page_show_box{ position:fixed; z-index:9995; top:0;  left:0; display:none; height:100%; width:100%; }
#page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#page_show_box .box{ position:absolute; top:50%; z-index:9999; left:50%; margin-left:-340px; margin-top:-267px;}
#page_show_box .video_box{ }
#bnt_close{ display:block; width:35px; height:35px;  position:absolute; top:13px; right:0;}
#bnt_close img{ display:block; position:absolute; left: 0px; top: 0px;}
#bnt_close:hover img{ } #page_show_box #page_ar{ width:680px;   position:relative; }
#page_show_box #page_ar .ar_box{ border-radius:1px; width:680px; height:534px; background:#fff; position:relative;   }
#page_show_box #page_ar .ar_box .p{  line-height:30px; font-size:14px; color:#686a6a; max-height:540px; text-align:justify; overflow: hidden;}
#page_show_box #page_ar .ar_box .title{ font-size:15px; color:#fff; background:#af7017; display:block; height:45px; line-height:45px; text-align:center;}
#page_show_box #page_ar .content{ border:1px solid #e5e7eb; }
#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 
#s_video_box a img.img{}#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(../images/icon_play.png) center no-repeat;}
#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-550px; margin-top:-290px;}
#page_video{ width:1080px; height:580px;  background:none; position:relative;}
#page_video .video_box{border:5px solid #164a96; width:1000px; height:570px;}
#bnt_close{ display:block; width:70px; height:70px; background:#000; position:absolute; top:0; right:0;}
#bnt_close img{ display:block; position:absolute; left:18px; top:18px; }
#bnt_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.shiping{ width:350px; float:right;}
.link{ position:relative; float:right; right:0; top:10px; width:100%; height:39px; background:#fff; line-height:39px; cursor:pointer; overflow:visible;  box-sizing: border-box;}
.link .tanchu{ display: none; width:100%; box-sizing:border-box; position:absolute; background:#fbfbfc;border:1px solid #e3e3e8; border-bottom:0; bottom: 39px; z-index:0; max-height:199px; overflow-y:auto !important; 
padding-top:10px; }
.link .tanchu div{ line-height:20px; color:#6b6b6d !important; text-align:left; padding-left:30px; padding-right:30px; padding-bottom:10px;}
.link .tanchu a{ color:#6b6b6d !important; font-size:14px;}
.link .tanchu a:hover{ color:#333 !important;}
.link .tanchu .swiper-slide{ height:30px !important; display:block;}
.link .swiper-scrollbar-drag{ height:60% !important;}
.link .a{ padding-left:30px; color:#6b6b6d !important; text-align: left; width:100%; box-sizing:border-box; font-size:14px; text-decoration:none; position:absolute; z-index:1; background:#fbfbfc;border:1px solid #e3e3e8; }
.link .a span{ display:inline-block; width:41px; height:41px; margin-top:-1px; margin-right:-1px; float:right; color:#919397;text-align: center; background:url(../images/link_ico.jpg) center no-repeat; } 
 /* for Chrome */
.link .tanchu::-webkit-scrollbar {display: none;}

.container03{ overflow:hidden; margin-bottom:45px;}
.s_case{}
.s_case .tt{ margin-bottom:25px; overflow:hidden;}
.s_case .tt h3{ float:left; font-size:18px; color:#484849;}
.s_case .tt h3 span{ margin-left:10px; font-size:14px; color:#164a96; display:inline-block; text-transform:uppercase; }
.s_case .hd{ float:right;}
.s_case .hd a{ width:25px; height:25px; display:inline-block; cursor:pointer; margin-left:8px;}
.s_case .hd .prev{ background:url(../images/case_left.jpg) center no-repeat;}
.s_case .hd .next{ background:url(../images/case_right.jpg) center no-repeat;}
.s_case .hd .prev:hover{ background:url(../images/case_left_on.jpg) center no-repeat;}
.s_case .hd .next:hover{ background:url(../images/case_right_on.jpg) center no-repeat;}
.s_case .bd{overflow:hidden; margin:0 -11px;}
.s_case .bd ul{ height:198px;}
.s_case .bd ul li{ float:left; width:223px; margin:0 11px; height:190px; transition:all ease .3s; -webkit-transition:all ease .3s;}
.s_case .bd ul li .img{ width:223px; height:147px;}
.s_case .bd ul li h5{ text-align:center; font-size:14px; color:#414040;padding:0 5px; padding-top:16px;  }
.s_case .bd ul li:hover{ box-shadow:0px 3px 6px rgba(0,0,0,.2);}

.container04{ padding:0 0 50px}
.container04 .m{ height:57px; background:url(../images/container04_bg.png) left center no-repeat;}
.container04 .left{ float:left; width:360px; height:57px; line-height:57px; padding-left:70px; font-size:27px; color:#164a96; font-family: Swis721 BlkCn BT; background:url(../images/tel.png) 37px 19px no-repeat;}
.container04 .center{ float:left; width:650px; padding:18px 0 0; text-align:left;}
.container04 .center p{ color:#8d8d8e; font-size:13px; line-height:20px;}
.container04 ul{ float:right; margin-top:18px;}
.container04 ul li{ width:20px; height:20px; float:left; margin-right:32px;}
.container04 ul li a{ display:block; width:100%; height:100%;}.container04 ul li a:hover{ opacity:0.8;}

.set_3_button3 {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.set_3_button3 a {
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
}
.set_3_button3 span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.set_3_button3:hover {
	background-color:#dd483f;
}
.set_3_button3:hover > span {
	opacity: 0;
	-webkit-transform: translate(0px, 40px);
	transform: translate(0px, 40px);
}
.set_3_button3::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(30%, 0);
	transform: translate(30%, 0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.set_3_button3:hover::after {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}


/*============按钮效果=============*/

.s_more{ text-align:center;display:block; width:42px; height:42px; margin:0 auto; margin-top:3em;}
.s_more a{ display:inline-block; width:35px; height:35px; box-shadow: 0 0 0 1px #ff7301; cursor: pointer; border-radius: 50%;  text-align: center; position: relative; z-index: 1;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
.s_more a:before {
    content:url(../images/jt1.png); color:#efd0d0;
}

.s_more a:before {
    font-family: ecoicon;
    speak: none;
    font-size: 24px;
    line-height: 27px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.s_more a:hover {
    color: #ff7301;
}
.s_more a:hover:before {
    content:url(../images/jt2.png); color: #ff7301;
}
.s_more a:hover:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}
.s_more a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #ff7301;
	-webkit-transition: -webkit-transform .2s, opacity .3s;
	-moz-transition: -moz-transform .2s, opacity .3s;
	transition: transform .2s, opacity .3s;
}

/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index: 0;}
.ny_banner {width: 1920px;height:255px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}
.ny_banner img{width: 100%;}
.ny_banner h3{ font-size:32px; font-weight:bold; text-transform:uppercase; text-align:center; color:#fff; padding-top:130px; margin-bottom:10px;}
.ny_banner p{ font-size:18px; color:#fff; text-transform:uppercase; font-weight:lighter; font-family:arial; text-align:center;}

.n_nav_box{height: 60px;position:relative; border-bottom: #c9c9c9 1px solid; box-sizing: content-box; margin-bottom:60px; margin-top:-65px;}
.n_nav_box .m{ position:relative;}
.n_nav{ position:relative; }
.n_nav a{display:inline-block; height: 60px;font-size:14px;float:left;line-height: 60px;color: #474748; margin-right: 39px; box-sizing: border-box; position: relative; }
.n_nav a:after{ content:""; width:0; height:2px; background:#0c61b8; display:block; bottom:-1px; position:absolute;right:0; left:auto; transition:.3s ease; -webkit-transition:.3s ease;}
.n_nav a strong{display:block;color: #474748;position:relative;z-index:4;height: 60px;line-height: 40px;font-weight: 100;}
.n_nav .on:after,.n_nav a:hover:after{  width:100%;  left:0; right:auto;}
.n_up_box{ position:relative;}
/*==============当前位置=====================*/

/*=====面包屑===*/
.n_position{ height:50px; background:#f6f6f6;}
.n_position ul{ float:left;}
.n_position ul li{ height:50px; line-height:50px; width:150px; text-align:center; float:left; display:inline-block; position:relative;}
.n_position ul li a{ display:block; position:relative; z-index:1; text-align:center; font-size:15px; color:#626262;}
.n_position ul li.on{ background:#234b91;}
.n_position ul li.on a{ color:#fff;}
.n_position ul li:hover a{ color:#fff;}
.n_position li i { position: absolute; left: 0; top: 0; display: block; height:0; width:100%; background:#36b041; transition:all ease 300ms; z-index:0;}
.n_position li:hover i { height:50px;}
.n_position h3{ font-size:12px; line-height:50px; display:inline-block; float:right; color:#7b7b7d;}
.n_position h3:before{ content:url(../images/home_icon.png); margin-right:1px; position:relative; top:1px;}
.n_position h3 a{ margin:0 5px; display:inline-block; color:#7b7b7d; font-size:12px;}
.n_position h3 a:hover{ color:#234b91;}
.n_position h3 em{ color:#234b91; margin-left:5px;}

#ny_index{ padding-bottom:50px; padding-top:60px; transition:.8s; -webkit-transition:.8s;}



/*==============n_content=====================*/
.n_content{ padding-top:30px; min-height:360px; padding-bottom:30px;}

.xiazai{ padding-top:50px; border-top:1px solid #e5e5e5; margin-top:10px;}
.xiazai .fl{ width:360px;}
.xiazai h3{ font-size:36px; color:#234b91; font-family:Swis721CnBT; text-transform:uppercase; margin-top:55px;}
.xiazai h4{ font-size:24px; color:#3e3e3e; font-weight:bold; margin-top:20px;}
.xiazai .txt{ margin-top:33px; padding-bottom:33px; border-bottom:1px solid #e0e0e0; margin-bottom:23px;}
.xiazai .txt p{ font-size:14px; color:#747474; line-height:30px; }
.xiazai .txt b{ font-size:16px; color:#234b91; font-family:arial;}
.xiazai .btn{ display:block; width:152px; height:42px; text-align:center; border-radius:3px; background:#234b91; color:#fff; font-size:14px;    box-sizing: border-box; padding-top: 11px; cursor:pointer;}
.xiazai .btn:after{ content: url(../images/ico_xiazai.png); display:inline-block; width:0px; left:10px; position:relative; top:3px; transition:.3s ease; -webkit-transition:.3s ease; transform:scale(0)}
.xiazai .btn:hover:after{ transform:scale(1); width:15px;}

.daibiao_case{border-top:1px solid #e5e5e5; position:relative; padding-bottom:40px;}
.daibiao_case h3{ font-size:24px; color:#4c4c4c; font-weight:bold; text-align: center; padding-top:50px; padding-bottom:40px;}
.daibiao_case .hd{}
.daibiao_case .hd a{ display:block; width:16px; height:31px; position:absolute; top:220px; cursor:pointer;}
.daibiao_case .hd .prev{ background:url(../images/n_case_left.png) center no-repeat; left:-34px;}
.daibiao_case .hd .next{ background:url(../images/n_case_right.png) center no-repeat; right:-34px;}
.daibiao_case .bd{ margin:0 -19px;}
.daibiao_case .bd ul{}
.daibiao_case .bd ul li{float:left; }
.daibiao_case .bd ul li a{ display:block; width:376px; height:246px; box-sizing:border-box; position:relative;border:4px solid #e0e0e0; margin:0 19px;}
.daibiao_case .bd ul li img{ width:100%; height:100%;}
.daibiao_case .bd ul li h5{ position:absolute; left:0; bottom:0; right:0; height:45px; font-size:15px; padding:0 20px; padding-top:15px; box-sizing:border-box; background:rgba(0,0,0,0.6); color:#fff; text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.daibiao_case .bd ul li h5:after{ content:url(../images/chakan.png); display:block; margin:0 auto;-moz-transition: all 0.6s ease-in-out 0.6s;-webkit-transition: all 0.6s ease-in-out 0.6s;-o-transition: all 0.6s ease-in-out 0.6s;-ms-transition: all 0.6s ease-in-out 0.6s;transition: all 0.6s ease-in-out 0.6s; width:50px; height:50px; transform:rotateY(0deg) scale(0.8); opacity:0;}
.daibiao_case .bd ul li:hover h5 {height: 238px;line-height: 80px;padding-top: 48px;background: #234b91;}
.daibiao_case .bd ul li:hover h5:after{ transform:rotateY(180deg) scale(1); opacity:1;}

/*案例展示*/
#n_case{ overflow:hidden;}
#n_case .bd{ margin:0 -19px; margin-top:-30px;}
#n_case .bd ul{}
#n_case .bd ul li{float:left; margin-top:30px;}
#n_case .bd ul li a{ display:block; width:376px; height:246px; box-sizing:border-box; position:relative;border:4px solid #e0e0e0; margin:0 18px;}
#n_case .bd ul li img{ width:100%; height:100%;}
#n_case .bd ul li h5{ position:absolute; left:0; bottom:0; right:0; height:45px; font-size:15px; padding:0 20px; padding-top:15px; box-sizing:border-box; background:rgba(0,0,0,0.6); color:#fff; text-align:center;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#n_case .bd ul li h5 span{  display:block; margin:0 auto;-moz-transition: all 0.4s ease-in-out 0.2s;-webkit-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.6s ease-in-out 0.2s;-ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s; width:80px; height:26px; line-height:26px; font-size:12px; box-sizing:border-box; border-radius:3px; border:1px solid #6294ed; margin-top:20px; opacity:0; }
#n_case .bd ul li:hover h5 {height: 238px;padding-top: 88px;background: #234b91;}
#n_case .bd ul li:hover h5 span{opacity:1;}

/*案例引导*/
#n_case_yindao{ padding-bottom:10px;}
#n_case_yindao ul{ margin:0 -22px;}
#n_case_yindao ul li{float:left; margin-top:30px;width:267px; height:336px; box-sizing:border-box; position:relative; border:4px solid #e0e0e0; margin:0 22px; transition:.3s ease; -webkit-transition:.3s ease; }
#n_case_yindao ul li a{ }
#n_case_yindao ul li img{ width:100%; height:100%;}
#n_case_yindao ul li .mask{ position:absolute; left:0; bottom:0; right:0; top:0; font-size:15px; padding:0 20px; padding-top:15px; box-sizing:border-box; background:rgba(0,0,0,0.3); color:#fff; text-align:center;}
#n_case_yindao ul li .mask h5{ font-size:18px; color:#fff; text-align:center; padding-top:105px;}
#n_case_yindao ul li .mask p{ font-size:12px; font-family:arial; color:#fff; padding-top:12px; text-transform:uppercase;}
#n_case_yindao ul li .mask span{ width:101px; height:32px; line-height:32px; text-align:center; display: block; background:rgba(255,255,255,.4); color:#fff; font-size:14px; border-radius:2px; margin:0 auto; box-shadow:0px 2px 3px rgba(0,0,0,0.2); margin-top:25px; transition:.3s ease; -webkit-transition:.3s ease;}
#n_case_yindao ul li .mask span:hover{ background:#234b91;}
#n_case_yindao ul li:hover{box-shadow:0px 6px 16px rgba(0,0,0,0.2);}


/*客户反馈*/
.xiazai2{ padding-top:50px; border-top:1px solid #e5e5e5; margin-top:10px;}
.form_kehufankui{}
.form_kehufankui ul{ width:586px;}
.form_kehufankui ul li{ margin-bottom:20px; overflow:hidden;}
.form_kehufankui ul li span{ float:left; line-height:40px;font-size:14px; color:#545454;}
.form_kehufankui ul li input{ border:1px solid #dcdcdc; width:499px; height:40px; line-height:40px; float:right; padding:0 11px; box-sizing:border-box; font-size:14px; color:#545454; font:"微软雅黑", 'Microsoft YaHei', arial; font-family:"微软雅黑";}
.form_kehufankui ul li textarea{ border:1px solid #dcdcdc; width:499px; float:right; padding:6px 11px; box-sizing:border-box; font-size:14px; color:#545454; line-height:26px;font:"微软雅黑", 'Microsoft YaHei', arial; font-family:"微软雅黑";}
.form_kehufankui ul li .yanzhengma img{ height:35px; float:left;}
.form_kehufankui ul li .btn{ float:right; border:0; outline:0; display:block; width:130px; height:35px; line-height:35px; text-align:center; background:#234b91; color:#fff; font-size:14px; box-sizing: border-box; cursor: pointer;}
.form_kehufankui ul li .btn:hover{ background:#36b041;}

.tc{
  transition:all ease 300ms;
  position: fixed;
  width: 100%;
  height: 100%; 
  top: 0;
  left: 0;
  z-index:999;
}
.tc-box{
  width: 663px;
  height: 379px; box-sizing:border-box; padding:50px 38px;
  background: #fff;
  display: block; position:relative;
  margin:0 auto 0; z-index: 1; top:50%; margin-top:-189px; 
}
.tc.act{
  display: block;
}
.close{
  position: absolute; cursor:pointer;
  font-size: 20px;
  right: -30px;
  top: -30px;
}
.tc-bg {
  height: 100%;
  background: rgba(0,0,0,.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.tc{ pointer-events: none;  filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;transform:scale(1.1);}
.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;   pointer-events: auto;transform:scale(1);}
.close:hover{ transform:rotate(180deg);}
.close,.tc
{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; }

.form_xiazai{}
.form_xiazai ul{ width:580px;}
.form_xiazai ul li{ margin-bottom:20px; overflow:hidden;}
.form_xiazai ul li i{ color: #F30; margin-left:7px;}
.form_xiazai ul li span{ float:left; line-height:40px;font-size:14px; color:#545454; display:inline-block; width:70px;}
.form_xiazai ul li input{ border:1px solid #dcdcdc; width:460px; height:40px; line-height:40px; float:left; margin-left:20px; padding:0 11px; box-sizing:border-box; font-size:14px; color:#545454; font:"微软雅黑", 'Microsoft YaHei', arial; font-family:"微软雅黑";}
.form_xiazai ul li textarea{ border:1px solid #dcdcdc; width:499px; float:right; padding:6px 11px; box-sizing:border-box; font-size:14px; color:#545454; line-height:26px;font:"微软雅黑", 'Microsoft YaHei', arial; font-family:"微软雅黑";}
.form_xiazai ul li .yanzhengma img{ height:35px; float:left;}
.form_xiazai ul li .btn{ float:right; border:0; outline:0; display:block; width:130px; height:35px; line-height:35px; margin-right:30px; text-align:center; background:#234b91; color:#fff; font-size:14px; box-sizing: border-box; cursor: pointer;}
.form_xiazai ul li .btn:hover{ background:#36b041;}






.n_software{ }
.n_software .ul{ float:left; width:1420px; margin-top:-40px;}
.n_software .ul li{float:left;width:370px;height: 335px;box-sizing:border-box;margin:40px 45px 0 0;position:relative;}
.n_software .ul li .img{float:left;width: 370px;height: 245px;overflow:hidden;}
.n_software .ul li .img img{width:100%;height: 273px;}
.n_software .ul li .con{float:  left;width: 100%;height: 90px;padding: 0 25px;box-sizing:  border-box;background: #f1f3f5;}
.n_software .ul li .con .left{float:left;width: 100%;text-align:  center;margin-top: 22px;}
.n_software .ul li .con .left h6{ height:1.5rem; line-height:1.5rem}
.n_software .ul li .con .left h6 span{ font-size:0.75rem; color:#737373; vertical-align:top}
.n_software .ul li .con .left h4{font-size: 15px;color: #595a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_software .ul li .con .right{float:right;width: 100%;text-align:  center;}
.n_software .ul li .con .right span{margin-top: 12px;display:inline-block;width: 19px;height: 19px;line-height: 19px; *line-height:22px; +line-height:22px;line-height: 19px\0;text-align:center;font-family:simsun;font-size: 14px;color: #b6b6b6;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;border: #c1c4c6 1px solid;box-sizing:  border-box;}
.n_software .ul li:hover .con .right span{ background:#e57a18; border:#e57a18 1px solid; color:#fff;}
.n_software .ul li h6{position:absolute;width:100%;height: 2px;bottom:0;}
.n_software .ul li h6 span{float:left;display:inline-block;width:0;height: 2px;background:#e57a18;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_software .ul li:hover h6 span{ width:100%;}

#n_licheng{ overflow:hidden; background:url(../images/licheng_bg.jpg) center bottom no-repeat; padding-bottom:80px;}
#n_licheng .box1{}
h3.n_tt{ font-size:24px; color:#5d5e60; font-weight:bold; text-align:center; margin-bottom:40px;}
h3.n_tt p{ font-size:18px; color:#0c61b8; text-transform:uppercase; font-weight:100; margin-top:9px;}
#n_licheng .box1 .txt{ width:976px; text-align:center; margin:0 auto; margin-bottom:130px;}
#n_licheng .box1 .txt p{ font-size:17px; color:#5b5b5b; line-height:32px;}
#n_licheng .box2{ position:relative;}
#n_licheng .box2 .hd{}
#n_licheng .box2 .hd a{ display:block; width:40px; height:40px; position:absolute; top:37px; cursor:pointer;}
#n_licheng .box2 .hd a.prev{ background:url(../images/licheng_left.png) center no-repeat; left:-40px;}
#n_licheng .box2 .hd a.next{ background:url(../images/licheng_right.png) center no-repeat; right:-40px;}
#n_licheng .box2 .bd{ background:url(../images/licheng_line.jpg) center 57px no-repeat;}
#n_licheng .box2 .bd .tempWrap{ margin:0 auto;}
#n_licheng .box2 .bd ul{}
#n_licheng .box2 .bd ul li{ width:291px; float:left; text-align:center; }
#n_licheng .box2 .bd ul li span{ font-size:30px; color:#747474; display:block; text-align:center;}
#n_licheng .box2 .bd ul li i{ width:32px; height:32px; display:block; margin:0 auto; background:url(../images/licheng_ico.png) center no-repeat; margin-top:13px; margin-bottom:13px;}
#n_licheng .box2 .bd ul li:hover span{ color:#0c61b8;}
#n_licheng .box2 .bd ul li:hover i{ background:url(../images/licheng_ico_on.png) center no-repeat;}
#n_licheng .box2 .bd ul li img{ width:253px; height:153px; }
#n_licheng .box2 .bd ul li .txt{ width:252px; margin:0 auto; text-align:left; margin-top:10px;}
#n_licheng .box2 .bd ul li .txt p{ font-size:14px; color:#555; line-height:30px;}


/*==============联系我们=====================*/
#n_lianxi{}
#n_lianxi .fl{}
#n_lianxi .fl h3{}
#n_lianxi .fl h3 p{ margin-top:13px; font-size:15px; color:#373737; margin-bottom:30px;}
#n_lianxi .fl .txt p{ font-size:15px; color:#565657; line-height:31px;}
#n_lianxi .fl .txt{ margin-bottom:30px;}
#n_lianxi .fl .ewm{}
#n_lianxi .fl .ewm div{ float:left; width:140px; text-align:center; margin-right:32px; font-size:12px; color:#797979;}
#n_lianxi .fl .ewm div img{ width:140px; height:140px; margin-bottom:14px; border:1px solid #dfdfe5;}
#n_lianxi .fr{ background:url(../images/n_lianxi.jpg) right top no-repeat; width:505px; height:414px; position:relative;}
#n_lianxi .fr .ditu{ width:132px; height:132px; position:absolute; right:36px; bottom:26px; text-align:center; color:#fff; cursor:pointer;}
#n_lianxi .fr .ditu span{ width:25px; height:38px; display: block; margin: 40px auto;}
#n_lianxi .fr .ditu p{ position:absolute; bottom:30px; text-align:center; left:0; right:0;}


.aw{ animation: mouse-arrow 1s linear alternate infinite; -webkit-animation: mouse-arrow 1s linear alternate infinite; }
@keyframes mouse-arrow {  
	0%{transform:translateY(0px); -webkit-transform:translateY(0px);}
	100% {transform:translateY(-20px); -webkit-transform:translateY(-20px);}
	}
@-webkit-keyframes mouse-arrow {  
	0%{transform:translateY(0px); -webkit-transform:translateY(0px);}
	100% {transform:translateY(-20px); -webkit-transform:translateY(-20px);}
	}
#n_lianxi .fr .ditu:hover span .aw{}


#n_lianxi .tc{
  transition:all ease 300ms;
  position: fixed;
  width: 100%;
  height: 100%; 
  top: 0;
  left: 0;
  z-index:-1;
}

#n_lianxi .tc-box{ width:1108px; background:#fff; border:4px solid #0c61b8; 
  height: 508px; box-sizing:border-box;
  display: block; position:relative;top:60%;
  left:50%;  
  transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%);
  
  z-index: 1;
}
#n_lianxi .tc.act .tc-box{top:50%;}
#n_lianxi .tc.act{
  display: block; z-index:999;
}

#n_lianxi .tc .close {
    position: absolute;
    cursor: pointer;
    font-size: 25px;
    left: 50%;
    top: -30px;
    z-index: 999;
    color: #fff;
    background: #0c61b8;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
    margin-left: -30px;
}
#n_lianxi .tc-bg {
  height: 100%;
  background:rgba(43,44,47,0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
#n_lianxi .tc.act .tc-bg{ background:rgba(0,0,0,0.86);}
#n_lianxi .tc{ pointer-events: none;  filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity:0;   opacity:0;transform:scale(1); }
#n_lianxi .tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; pointer-events: auto;transform:scale(1);}
#n_lianxi .tc .close:hover{ transform:rotate(180deg);}
#n_lianxi .tc .close,#n_lianxi .tc,.tc-bg
{ transition:all ease 600ms; -moz-transition:all ease 600ms; -ms-transition:all ease 600ms; -o-transition:all ease 600ms; -webkit-transition:all ease 600ms; }
#n_lianxi .tc-box
{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; }  
/*弹窗内容样式*/




/*专业团队*/
#n_tuandui{}
#n_tuandui .m{ margin-top:-40px;}
#n_tuandui ul{ margin:0 -20px; overflow:hidden;}
#n_tuandui ul li{ position:relative; width:270px; height:355px; float:left; margin:0 20px; margin-top:40px;}
#n_tuandui ul li img{}
#n_tuandui ul li h5{ position:absolute; left:0; right:0; bottom:0; height:70px; line-height:70px; text-align:center; font-size:20px; color:#fff; background:rgba(32,32,32,0.75); transition:.6s ease; -webkit-transition:.6s ease;}
#n_tuandui ul li h5 span{ font-size:14px; margin-left:9px;}
#n_tuandui ul li:hover h5{ background:rgba(12,97,184,0.75);/*height:355px; line-height:355px;*/ }

/*产品创新*/
#n_pro_cx{ background:url(../images/pro_cx_bg.jpg) center 20px no-repeat;}
#n_pro_cx .box1{}
#n_pro_cx .box1 h3{ font-size:22px; color:#4a4a4a; text-align:center; margin-bottom:25px;}
#n_pro_cx .box1 .txt{ width:1130px; margin:0 auto;}
#n_pro_cx .box1 .txt p{ font-size:15px; line-height:30px; text-align:center; height:60px; overflow:hidden;}
#n_pro_cx .box1 ul{ overflow:hidden; margin:0 -41px; margin-top:50px;}
#n_pro_cx .box1 ul li{width:130px; float:left; margin:0 41px;}
#n_pro_cx .box1 ul li .img{width:130px; height:130px; background:#fff; border:1px dashed #4687cf; border-radius:50%; overflow:hidden; margin-bottom:19px; transition:.6s ease; -webkit-transition:.6s ease; position:relative; z-index:0;}
#n_pro_cx .box1 ul li .img:after{ content:""; display:block;  background:#4687cf; position:absolute; top:9px; right:9px; left:9px; bottom:9px; border-radius:50%; overflow:hidden; z-index:-1;transition:.6s ease; -webkit-transition:.6s ease;}
#n_pro_cx .box1 ul li span{ display:block; width:130px; height:130px;}
#n_pro_cx .box1 ul li p{ font-size:15px; color:#5f5f5f; text-align:center;}
#n_pro_cx .box1 ul li:hover .img{ background:#0c61b8;  border:1px solid #0c61b8;}
#n_pro_cx .box1 ul li:hover .img:after{ transform:scale(0); opacity:0;}
#n_pro_cx .box2{ margin-top:150px;}
#n_pro_cx .box2 h3{ font-size:24px; color:#4a4a4a; text-align:center; margin-bottom:45px;}
#n_pro_cx .box2 h3 span{ font-size:18px; color:#0c61b8; display:block; font-family:arial; text-transform:uppercase; margin-top:5px;}
#n_pro_cx .box2 ul{ margin:0 -16px; margin-top:-27px;}
#n_pro_cx .box2 ul li{ width:274px; height:471px; background:#f7f7f7; float:left; margin:0 16px; margin-top:27px;transition:.6s ease; -webkit-transition:.6s ease;}
#n_pro_cx .box2 ul li .img{ width:210px; height:210px; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:53px;}
#n_pro_cx .box2 ul li .img img{ margin:-1px; width:212px; height:212px;}
#n_pro_cx .box2 ul li h5{ font-size:22px; color:#504e4e; text-align:center; margin-top:30px;}
#n_pro_cx .box2 ul li i{ display:block; width:20px; height:2px; background:#0c61b8; margin:0 auto; margin-top:17px; margin-bottom:15px;}
#n_pro_cx .box2 ul li p{ font-size:14px; line-height:26px; height:78px; overflow:hidden; text-align:center; color:#626161; margin:0 30px;}
#n_pro_cx .box2 ul li:hover{background:#0c61b8;}
#n_pro_cx .box2 ul li:hover .img{ box-shadow:0px 6px 15px rgba(0,0,0,0.2); }
#n_pro_cx .box2 ul li:hover h5{ color:#fff;}
#n_pro_cx .box2 ul li:hover i{ background:#fff;}
#n_pro_cx .box2 ul li:hover p{ color:#c3d1e8;}


/*荣誉资质*/
#n_zizhi{}
#n_zizhi .bd ul{ margin:-16px;}
#n_zizhi .bd ul li{float:left; width:276px; height:185px; margin:16px; overflow: hidden; position:relative;}
#n_zizhi .bd ul li .img_box{ width:276px; height:185px; background:#f6f6f8;  position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;}
#n_zizhi .bd ul li img{ max-width:90%; max-height:90%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
#n_zizhi .bd ul li p{ text-align:center; font-size:14px; position:absolute; top:0; bottom:0; left:-100%; width:100%; height:185px; background:#234b91; color:#fff; padding-top:73px; box-sizing:border-box; transition:.5s ease-in-out; -webkit-transition:.5s ease-in-out; opacity:0; }
#n_zizhi .bd ul li i{ width:30px; height:2px; background:#fff; display:block; margin:0 auto; top:105px; position:absolute; left:50%; margin-left:-15px; }
#n_zizhi .bd ul li:hover p{ left:0; opacity:1;}

/*人才招聘*/
#n_zhaopin{}
#n_zhaopin ul{ margin-right:-57px;}
#n_zhaopin ul li{ width:572px; height:160px; background:#f6f6f6; float:left; margin-right:56px; margin-bottom:40px;}
#n_zhaopin ul li a{ display:block; width:100%; height:100%; padding:55px 50px; box-sizing:border-box;}
#n_zhaopin ul li .txt{ float:left;}
#n_zhaopin ul li .txt h5{ font-size:16px; color:#474747; margin-bottom:21px; }
#n_zhaopin ul li span{ float:right; width:130px; height:40px; line-height:40px; text-align:center; margin-top:5px; color:#fff; background:#656565; border-radius:3px; overflow:hidden; position:relative; z-index:0;}
#n_zhaopin ul li span:before{ content:""; width:0; height:100%; left:0; top:0;transition:all ease 300ms; -webkit-transition:all ease 300ms; background:#36b041; display:block; position:absolute; z-index:-1;}
#n_zhaopin ul li:hover span:before{ width:100%;}


/*==============新闻中心=====================*/

#n_news { overflow:hidden;}

.n_news{ }
.n_news .top ul{ width:1230px; margin-bottom:40px; overflow:hidden;}
.n_news .top ul li{ float:left; width:385px; margin-right:22px;}
.n_news .top ul li .img{float:left;width:385px;height:275px;position:relative; overflow:hidden;}
.n_news .top ul li .img .time{ width:125px; line-height:32px; height:32px; background:#2f2f2f; position:absolute; left:0; top:42px; font-size:14px; color:#fff; text-align:center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news .top ul li:hover .img .time{ background:#0c61b8;}
.n_news .top ul li .con{ float:left; width:385px; height:125px; background: #f3f3f8; padding:25px 40px;}
.n_news .top ul li .con h5{ margin-bottom:15px;color: #2f2f2f;}
.n_news .top ul li .con h5 a{ font-size: 17px; color:#2f2f2f; }
.n_news .top ul li .con p{ font-size: 13px; color:#888888; line-height:20px; height:40px;}
.n_news .bottom{ background:#f3f3f8; padding-bottom:80px;}
.n_news .bottom{ padding-top:30px; padding-bottom: 54px; }
.n_news .bottom ul{overflow:hidden; margin:0 -30px; position:relative;}
.n_news .bottom ul:first-child:after{ content:""; width:4px; height:60px; position:absolute; left:50%; margin-left:-2px; top:0; background:#f3f3f8;}
.n_news .bottom ul li{ float:left; width:50%}
.n_news .bottom ul li .box{ position:relative; padding: 30px; box-sizing:border-box;border-bottom: 1px solid #e2e2e7;border-left: 1px solid #e2e2e7;margin-left:-1px;}
.n_news .bottom ul li .box h5{line-height: 40px;padding-left: 92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #525252;font-size: 17px;} 
.n_news .bottom ul li .box p{font-size: 13px;color:#999;line-height: 20px;height: 40px;overflow:hidden;padding-left: 92px;} 
.n_news .bottom .rq{float:left;font-size:36px;color: #757575;width: 60px;line-height:50px;text-align:center;position:absolute;left:30px;}
.n_news .bottom .rq span{font-size:17px;display:block;line-height: 40px;border-top: 1px solid #dedcdc;}
.n_news .bottom ul li .box:hover h5{ color:#0c61b8; font-weight:bold;}

.n_news_left{ width:833px; float:left;}
.n_news_left .ar_title{ background:url(../images/news_xq_tt.png) left bottom no-repeat; height:auto; margin-bottom:25px;padding-bottom: 20px;}
.n_news_left .ar_title h1{ font-size:22px; color:#2e2e2f;line-height: 35px;}
.n_news_left .ar_title h2{ font-size:14px; color:#919191; margin-top:15px; padding-top:20px;}
.n_news_right{ float:right; width:320px;}
.n_news_right .box1{ width:320px; height:246px; background:#234b91; text-align:center; padding:10px; box-sizing:border-box;}
.n_news_right .box1 a{ border:1px solid #5178be; display:block; height:226px; padding-top:41px; box-sizing:border-box;}
.n_news_right .box1 img{ transition:.5s ease; -webkit-transition:.5s ease;}
.n_news_right .box1 h5{ text-align:center; color:#fff; font-size:15px; padding-top:19px; padding-bottom:9px;}
.n_news_right .box1 p{ color:#fff; font-size:12px; text-transform:uppercase;}
.n_news_right .box1:hover img{ transform:rotateY(180deg);}
.n_news_right .box2{ width:320px; height:210px; padding:10px; box-sizing:border-box; background:#484849; margin-top:22px;} 
.n_news_right .box2>div{border:1px solid #7f7f80; display:block; width:300px; height:190px; padding:38px; box-sizing:border-box;}
.n_news_right .box2>div img{ width:110px; height:110px; float:right;}
.n_news_right .box2>div p{ float:left; font-size:14px; color:#fff; line-height:24px; margin-top:32px;}
/*==================产品中心=================*/
#n_pro{ margin-top:-40px; position:relative; padding-bottom:30px;}
#n_pro .pro_section ul { margin-right:-35px; }
#n_pro .pro_section li{ margin-right:34px; width:285px;margin-top: 32px; float: left;}
#n_pro .pro_section li a{ position: relative; overflow: hidden; width:185px;   }
#n_pro .pro_section li .pic_box{ width: 285px; height: 262px; overflow:hidden; background:#fff;  border:1px solid #dadbdd;display:table-cell; vertical-align:middle; text-align:center;}
#n_pro .pro_section li img{ max-width:100%; max-height:100%;} 
#n_pro .pro_section li h1{ height: 45px; line-height:45px; padding:0 15px; background:url(../images/icon_pro_li.png) 265px center no-repeat #999b9d; color: #fff; font-size: 13px; text-align: left; display: block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding-right:30px;}
#n_pro .pro_section li:hover h1{}
#n_pro .pro_section li:hover h1{ background:url(../images/icon_pro_li.png) 265px center no-repeat #af7017;} 


/*===================产品详情===============*/
.n_pro_xq{ }
 
#n_pro_xq .up_box{ background:#fff;}
#n_pro_xq .up_box #big_pic{ width:440px; height:250px; float:left; border:1px solid #dadbdd;}
#n_pro_xq .up_box .title{ display:block; border-bottom:1px solid #bebec2; padding-bottom:10px; padding-top: 10px; margin-bottom:20px;  font-size:18px;   color:#4c4d4e; font-weight:bold;}
#n_pro_xq .up_box .text_box{ float:right; padding:15px 0px 20px 0; width:440px; }
#n_pro_xq .up_box .text_box .ar_article{ font-size:14px; height: 60px; overflow:hidden; line-height:30px; color:#4c4d4e;}
#n_pro_xq .up_box .text_box .ar_article p{ font-size:14px; line-height:30px; color:#4c4d4e; overflow:hidden;}

#n_pro_xq #bnt_buy{ margin-top:30px; background:url(../images/bnt_buy.png) center no-repeat #af7017; border-radius:3px;  position:relative; display: block;  height:40px; line-height:40px;  width:150px; color:#fff; font-size:14px;}
#n_pro_xq #bnt_buy:hover{ color:#af7017;}

#n_pro_xq .un_box{ padding-top:30px;}
#n_pro_xq .un_box .title{ height:45px;  line-height:45px; background:#eff2f4; border-left:4px solid #af7017;    }
#n_pro_xq .un_box .title strong{ display:inline-block; padding:0 20px;  color:#4c4d4e; font-size:16px; font-weight:100; }
#n_pro_xq .un_box .title span{ display:inline-block; padding-left:10px; color:#2d95a2; text-transform:uppercase; font-size:12px;  font-family: "Arial";}
#n_pro_xq .un_box  .content{ padding:30px 35px 15px 35px; border:1px solid #e6e6e6; border-top:none;}

h3.pro_xq_tt b{ font-size:22px; color:#4c4d4e;}
h3.pro_xq_tt span{ float:right;}
h3.pro_xq_tt a.btn{ width:151px; height:38px; line-height:38px; cursor:pointer; text-align:center; display:inline-block; background:#445268; border-radius:2px; font-size:14px; color:#fff; margin-left:20px;}
h3.pro_xq_tt a.btn img{ position:relative; top:3px; margin-right:10px;}
h3.pro_xq_tt a.btn1{ background:#af7017;}
#n_pro_xq{}
#n_pro_xq .box1{}
#n_pro_xq .box1 ul{ margin-right:-37px; margin-top:40px;}
#n_pro_xq .box1 ul li{ width:283px; height:261px; float:left; border:1px solid #e5e5e5; position:relative; margin-right:37px;}
#n_pro_xq .box1 ul li .a{ width:283px; height:261px; display:table-cell; vertical-align:middle; text-align:center;}
#n_pro_xq .box1 ul li .a img{ max-width:100%; max-height:100%;}
#n_pro_xq .box1 ul li .mask{ position:absolute; width:283px; height:261px; top:0; left:0; line-height:260px; font-size:16px; color:#fff;}




/*==============人才招聘=====================*/
.n_job .up_box{ margin-bottom:60px; padding-top:20px; background:url(../images/bg_hr.png) left 0px no-repeat; padding-left:300px;}
.n_job th{ background:#929394; text-align:center; height:50px; line-height:50px;  color:#fff; font-size:15px;}
.n_job .title td{ border-bottom:10px solid #fff; padding:10px 20px; background:#eff2f4; text-align:center; color:#555; font-size:14px;}
.n_job .title td a{ display:block; width:40px; height:23px;  background:url(../images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .title.on td a{ background:url(../images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .content{ display:none; font-size:12px; padding:25px 0 10px;}
.n_job .show_box .content{ display:block;}
.n_job  .article{ }
 
#n_msg{ background:url(../images/pic_form.jpg) right top no-repeat; min-height:355px; }
#n_msg .n_form{ margin:0; }
#n_msg .n_form form{ padding:0;}

/*==============新闻详情=====================*/
.n_article { margin-bottom:20px;}
.n_article .ar_title{ padding:10px 0 20px 0; border-bottom:1px dashed #e5e5e5; margin-bottom: 10px;}
.n_article .ar_title h1{ font-size: 16px; display:block; text-align:center; margin-bottom:10px; line-height:30px;   font-weight: bold; color:#444444;}
.n_article .ar_title h2{height: 30px; font-size:12px;  display:block; text-align:center; color:#888888; line-height:30px;}
.n_article .ar_title h2 strong{ color:#b8b7bc;}
.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}
.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}
.jiathis_style{ margin-top:10px;}
.n_article .bnt_page{ position:relative;}
.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}
#ar_fot{ position:relative; padding:15px 0; border-top:1px solid #f0f0f0; margin-top:30px; display: none;}
#ar_fot h1{ display:block; font-size:12px; line-height:40px; color:#777777; font-weight:bold; max-width:48%; overflow:hidden;}
#ar_fot h1 a{ font-size:12px; color:#868484; font-weight:normal;}
#ar_fot h1 a:hover{ color:#444;}
 

/*====分享插件====*/
.shart_box{float: right;height: 40px;margin-top: 2px; position:relative; top:-20px; }
span.span2.shart_box{ }
.shart_box a{ color:#999; line-height:35px;}
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 15px;position:relative;float: right;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
#right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;}

 /*==============联系我们=====================*/
.n_contact{ position:relative; overflow:hidden; width:100%; }
.n_contact .info{ padding-top:15px; padding-bottom:30px; color:#666666; text-align:center; font-size:14px;}
.n_contact .info strong{ margin-top:15px; display:block;}
.n_contact .info img{ margin-top:15px;}

.content_form{  margin-top: 50px; border-top:1px solid #e7e6e6; padding-top:50px;}
.content_form>span{display: block;height: 45px; color: #48484a;font-size: 14px;background: #ececec;line-height: 45px;padding-left: 20px;}
.content_form form{ padding:20px; background: #f7f7f7; border:1px solid #e7e6e6;}
.content_form form label{display: block; padding-left:75px; margin-top: 25px; position:relative; width:335px;}
.content_form form label span{display: block; position:absolute; left:0; top:0; color:#5b5c5d; font-size: 14px;}
.content_form form label span i{ color:red; line-height:45px; }
.content_form form label input{width: 323px; height: 35px; border: 1px solid #e7e6e6; }
 .content_form form label textarea{width: 744px;height: 136px;   border: 1px solid #e7e6e6; padding: 20px 10px 3px 20px; resize:none;}
  
.content_form form p{display: block;color: #a5a5a7;font-size: 12px;line-height: 36px;margin-left: 75px;}
.content_form form input[type="submit"]{width: 89px;height: 37px;background: #af7017;color: #fff;font-size: 14px;border: 0;margin-left: 75px;margin-top: 11px;cursor: pointer;}

#n_contact{ background:url(../images/pic_contact.jpg) right top no-repeat; margin-top: 10px;}
#n_contact .link_box a{ margin-top:25px;}
#n_contact .link_box a{ background:#a3a3a6; border-radius:3px; position:relative; display:inline-block; margin-right:10px; height:40px; line-height:40px; padding-left:50px; width:105px; color:#fff; font-size:14px;}
#n_contact .link_box a i{ display:block; position:absolute; left:0; height:40px; width:45px;}
#n_contact  .link_box a:hover{ background:#af7017;}
#n_contact .map{ border:1px solid #e5e7eb; height:265px; overflow:hidden; margin-top:40px;}
#n_contact p{ line-height:28px;}
#n_contact .btn_zixun{ width:113px; height:25px; text-align:center; line-height:25px; display:inline-block; background:#445268; font-size:12px; color:#fff; border-radius:3px; margin-left:4px;} 
.ewm_box{ margin-top:14px;}


/*================应用领域===================*/
#n_yingyong{}
#n_yingyong ul li{ width:310px; height:310px; border:1px solid #dcdce0; float:left; margin-top:-1px; margin-left:-1px;}
#n_yingyong ul li .img{ width:280px; height:130px; margin:14px auto 0;}
#n_yingyong ul li .txt{ padding-left:22px; padding-right:13px;}
#n_yingyong ul li .txt h5{ font-size:16px; color:#555; font-weight:bold; margin-top:26px; margin-bottom:9px;}
#n_yingyong ul li .txt p{ font-size:14px; color:#707070; line-height:24px; height:96px; overflow:hidden;}

/*合作伙伴*/
#n_coop{}
#n_coop ul{ margin-right:-38px; margin-top:-34px;}
#n_coop ul li{ width:210px; height:120px; background:#f8f8f9;  position:relative; float:left; overflow:hidden; margin-right:37px; margin-top:34px;}
#n_coop ul li img{ max-width:90%; max-height:90%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%);}
#n_coop ul li .mask{ position:absolute; right:0; width:0; text-align:center; height:100%; padding:40px 10px 0 10px; background:#234b91; transition:all ease-in-out 400ms; -webkit-transition:all ease-in-out 400ms; color:#fff; font-size:14 spx; box-sizing:border-box; opacity:0; line-height: 24px;}
#n_coop ul li .mask i{ display:block; width:21px; height:2px; background:#fff; margin:10px auto; }
#n_coop ul li:hover .mask{ opacity:1; left:0; width:100%; right:auto;}

/*科技成果转换*/
#n_chengguo{}
#n_chengguo ul{ margin-top:-40px;}
#n_chengguo ul li{ height:239px; background:#f4f5f9; margin-top:40px; transition:.3s ease; -webkit-transition:.3s ease;}
#n_chengguo ul li .img{ float:left;}
#n_chengguo ul li .txt{ float:left; width:758px; margin-left:45px; padding-top:35px;}
#n_chengguo ul li .txt h5{ font-size:18px; margin-bottom:25px;}
#n_chengguo ul li .txt p{ font-size:14px; line-height:24px; color:#7d7d7d; height:48px; overflow:hidden;}
#n_chengguo ul li .txt span{ width:149px; height:38px; font-size:13px; color:#8e8e91; box-sizing:border-box; border-radius:3px; line-height:38px; text-align:center; display:block; border:1px solid #bfbfbf; margin-top:40px;}
#n_chengguo ul li .txt span i{ font-size:16px; margin-left:6px;}
#n_chengguo ul li .txt span:hover{ background:#234b91; border:1px solid #234b91; color:#fff; transition:.3s ease; -webkit-transition:.3s ease;}
#n_chengguo ul li .txt span:hover i{ color:#fff;}
#n_chengguo ul li .txt h5:hover{ color:#222;}
#n_chengguo ul li:hover{ box-shadow:0px 5px 15px rgba(0,0,0,0.2);}

/*科技成果转换*/
#n_news{}
#n_news ul{}
#n_news ul li{ height:238px; transition:.3s ease; -webkit-transition:.3s ease; box-sizing:border-box; padding-top:29px;border-bottom:1px solid #ececef;}
#n_news ul li .m{ position:relative;}
#n_news ul li:hover{ background:#f4f5f9;}
#n_news ul li .img{ float:left; width:250px; height:180px;}
#n_news ul li .biaoqian{ position:absolute; top:20px; left:0; height:25px; width:93px; background:#234b91; background:#353535; background: url(../images/biaoqian.png) left center no-repeat;   color:#fff; font-size:13px; line-height:25px; text-align:center; transition:.3s ease; -webkit-transition:.3s ease; }
#n_news ul li:hover .biaoqian{ background:#234b91; background: url(../images/biaoqian_bg.png) left center no-repeat;}
#n_news ul li .txt{ float:left; width:910px; margin-left:40px; padding-top:32px;}
#n_news ul li .txt h5{ font-size:16px; margin-bottom:20px; color:#434345;}
#n_news ul li .txt p{ font-size:14px; line-height:24px; color:#7d7d7d; height:48px; overflow:hidden;}
#n_news ul li .txt span{  font-size:12px; color:#a0a0a0;display:block; margin-top:30px; padding-left:18px; background:url(../images/news_ico.png) left center no-repeat;}
#n_news ul li .txt h5:hover{ color:#222;}

/*=================在线留言=====================*/
.n_form{width:565px; margin:0 auto} 
.n_form form{ padding-top:38px; margin-right:-15px; }
.n_form .text{width:242px;padding:0 15px;height:36px;line-height:36px;background:0 0;border:1px solid #c1c1c1;font-size:13px;color:#b3b3b3;margin: 0 15px 22px 0;float:left}
.n_form textarea{width: 531px; display:block;height:141px;resize:none;margin-bottom:33px;background:0 0;border:1px solid #c1c1c1;padding:10px 15px;font-size:13px;color:#b3b3b3;line-height:20px}
.n_form .text:focus{border:1px solid #89bbe1}
.n_form textarea:focus{border:1px solid #89bbe1}
.n_form .submit{background:#af7017;position:absolute;right:10px;top:0;font-size:14px!important;border:0;border-radius:2px;height:36px!important;color:#fff;line-height:34px!important;width:100px}
.n_form .submit:hover{color:#fff;border-radius:3px}
.yzm_box{font-size:12px;position:relative;padding:0!important;margin-left:0;border:none;margin-top:21px;margin-bottom:20px}
.yzm_box input{font-size:14px;height:36px;color:#666;width:255px;line-height:30px;border:1px solid #d0d0d0;padding-left:10px}
.yzm{position:absolute;left:161px;height:36px;top:0}
.yzm a{position:absolute;color:#adada6;right:-90px;height:36px;line-height:36px;width:80px;top:0}
.yzm_box .submit{position:absolute; right: 15px; top:0}
.radio_section{padding-left:5px;padding-bottom:15px}
.radio_box{position:relative;display:inline-block;margin-right:10px;padding-right:12px}
.radio_box input{filter:alpha(opacity=0);cursor:pointer;opacity:0;width:100%;height:100%;padding-left:0;position:absolute;left:0;top:0}
.radio_box i{display:block;position:absolute;left:0;top:3px;width:15px;height:15px;background:url(../images/icon_dx.png) center no-repeat}
.radio_box i.on{background:url(../images/icon_dx_hover.jpg) center no-repeat}
.radio_box b{padding-left:18px;color:#666;font-size:12px;font-weight:400}



 /*==============分页——银灵子=====================*/
.page { margin:0px auto 0px auto;}
.page .box{display:inherit; width:100%;  text-align: right; padding-top: 40px;}
.page a{ padding:0 12px; height:30px; line-height:30px; display:inline-block; border:1px solid #dedede; margin:0 2px;  color:#555555; font-size:12px; }
.page .on{ background:#445268; color:#fff !important;border:1px solid #445268;}
.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.page span{ background:#af7017; color:#fff !important;border:1px solid #af7017;}
.page a:hover{ background:#445268; color:#fff !important; text-decoration:none; border:1px solid #445268; }
.page a:hover font{ color:#fff;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}

/*==========================================j_弹窗=============================================*/

#page_show_box{ position:fixed; z-index:9995; top:0;  left:0; display:none; height:100%; width:100%; }
#page_show_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#page_show_box .box{ position:absolute; top:50%; z-index:9999; left:50%; margin-left:-340px; margin-top:-267px;}
#page_show_box .video_box{ }

 
#page_show_box #page_ar{ width:680px;   position:relative; }
#page_show_box #page_ar .ar_box{ border-radius:1px; width:680px; height:534px; background:#fff; position:relative;   }
#page_show_box #page_ar .ar_box .p{  line-height:30px; font-size:14px; color:#686a6a; max-height:540px; text-align:justify; overflow: hidden;}
#page_show_box #page_ar .ar_box .title{ font-size:15px; color:#fff; background:#af7017; display:block; height:45px; line-height:45px; text-align:center;}
#page_show_box #page_ar .content{ border:1px solid #e5e7eb; }


.ny_nav{ text-align:center; margin-bottom:50px;}
.ny_nav ul{ display:inline-block;}
.ny_nav ul li{ width:136px; height:45px; border-radius:30px; line-height:45px; text-align:center; background:#f3f4f8; font-size:14px; color:#606060; margin:0 20px; float:left;}
.ny_nav ul li.on{ background:#234b91;}
.ny_nav ul li.on a{ color:#fff;}
.ny_nav ul li a{ display:block;}